const loalData = localStorage.getItem('pz_v3pz')

const state = loalData ? JSON.parse(loalData).menu : {
    isCollapse: false,
    selectMenu: [],
    routerList:[],
    menuActive:'1-1',
}

const mutations = {
    collapseMenu(state) {
        state.isCollapse = !state.isCollapse
    },
    addMenu(state,payload) {
        // 对数据进行去重
        if(state.selectMenu.findIndex(item => item.path === payload.path) === -1 ) {
            state.selectMenu.push(payload)
        }
    },
    closeMenu(state,payload){
        //找到点击数据的索引
       const index =  state.selectMenu.findIndex(val => val.name === payload.name)
        //通过索引删除数组指定元素
        state.selectMenu.splice(index,1)
    },
    dynamicMenu(state,payload){
        // console.log(payload)
        const modules  = import.meta.glob('../views/**/**/*.vue')
        console.log(modules)
        //数据的拼接
        function routerSet(router) {
            router.forEach(route => {
                if(!route.children) {
                    const url = `../views${route.meta.path}/index.vue`
                    //拿到获取的vue组件
                    route.component = modules[url]
                }else{
                    routerSet(route.children)
                }
            });
        }
        routerSet(payload)
        //拿到完整的数据
        state.routerList = payload
    }
    ,
    updateMenuActive(state,payload) {
        state.menuActive = payload
    }
}
export default {
    state,
    mutations
}